<template>
    <ol v-for="s in student">
        <ul>姓名：{{ s.name }}</ul>
        <ul>年龄：{{ s.age }}</ul>
    </ol>
<br>
<!-- 9)结合图二循环输出对象数组内的信息（5分） -->
<table>
    <tr style="background-color: aqua;">
        <td>用户借款编号</td>
        <td>借款用户账号</td>
        <td>借款款项名称</td>
        <td>借款金额</td>
        <td>剩余还款本金</td>
    </tr>
    <tr v-for="s in money" >
        <td>{{ s.num }}</td>
        <td>{{ s.name }}</td>
        <td>{{ s.jkname }}</td>
        <td>{{ s.jkprice }}</td>
        <td>{{ s.hkprice }}</td>
    </tr>
</table>
<br>
<span style="font-size: 100px;"><b>{{ hah }}</b></span>

</template>
<script setup lang="ts">
// 6)请结合图一输出数组的内容（5分）
const student=[
{name:"张大",age:21},
{name:"李尔",age:20},
{name:"刘珊",age:22},
{name:"钱嗣",age:25},
{name:"赵武",age:24}
]
// 8)请使用合适的函数遍历对象数组（5分）
const money=[
{num:1,name:"zhangsan",jkname:"八维助学金",jkprice:400,hkprice:0},
{num:2,name:"zhangsan",jkname:"八维助学金",jkprice:10000,hkprice:10000},
]
// 10)在页面内定义一个常量，并赋值“双向数据绑定演示”（5分）
const hah="双向数据绑定演示"
</script>